<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>插入音频</title>
    <script type="text/javascript" src="../internal.js"></script>
    <link rel="stylesheet" type="text/css" href="music.css">
    <style>
        .isFrame,.isFrame .tabbody .panel{
            background-color: transparent;
        }
        .isFrame label.url{
            color: #7ad2ff
        }
        .isFrame #musicUrl{
            outline: none;
            background: transparent;
            border: solid 1px #43a8ff;
            color: #fff;
        }
        .isFrame .tabbody {
            border: 1px solid transparent
        }
        .isFrame .webuploader-pick {
            background: url("./images/点击选择文件-初始.png") no-repeat;
            background-size: 92px 28px;
            padding: 5px 10px 6px
        }
    </style>
</head>

<body>
    <div class="wrapper">
        <div id="videoTab">
            <div id="tabBodys" class="tabbody">
                <div id="video" class="panel focus">
                    <table>
                        <tr>
                            <td><label for="videoUrl" class="url"><var id="lang_music_url"></var></label></td>
                            <td><input id="musicUrl" type="text" autocomplete="off"></td>
                        </tr>
                    </table>
                    <div id="preview"></div>
                    <div id="filePickerReady" class="file_picker"></div>
                    <span id="uploadTip">上传100M以内的音频</span>
                    <div class="progress">
                        <span class="text" style="display:none;">0%</span>
                        <span class="percentage" style="display: block;"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- jquery -->
    <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>

    <!-- webuploader -->
    <script type="text/javascript" src="../../third-party/webuploader/webuploader.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css" />

    <script type="text/javascript" src="music.js"></script>
    <script>
        $(document).ready(function(){
            var isFrame = top.isFrame
            if (isFrame == 'true') {
                $('body').addClass('isFrame')
            }
        })
    </script>
</body>

</html>